---
title: Product Collections
description: Product collection components built with Tailwind CSS v4. These responsive, customizable layouts are ideal for displaying product groups, categories, and featured items in eCommerce and marketing websites. Optimized for SEO and user experience.
category: marketing
emoji: 🛍
slug: product-collections
terms:
  - ecommerce
components:
  - { title: 'Base' }
  - { title: 'Base with centered title' }
  - { title: 'Filtering (Dropdown)' }
  - { title: 'Filtering (Side)' }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Product Collection Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
